//基础功能页
import { Routes,BrowserRouter as Router,Route,Link,NavLink,Outlet  } from 'react-router-dom';
import React from 'react';
import ReactDOM from 'react-dom';

import Chartdemo from './chartdemo';

import 'antd/dist/antd.css';
import './index.css';
import { Layout, Menu, Breadcrumb,Button,Space,Card} from 'antd';
import { UserOutlined, LaptopOutlined, NotificationOutlined } from '@ant-design/icons';
const { SubMenu } = Menu;
const { Header, Content, Sider } = Layout;



class Listdemo extends React.Component {
 
  render() {
    
    return (
        <Layout>
          <Header className="header">
            <div className="logo"/>
            <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['1']}>
              <Menu.Item key="primary_search"><NavLink to="../primary_search/primary">陶器搜索服务</NavLink></Menu.Item>
              <Menu.Item key="download"><NavLink to="../download">数据下载服务</NavLink></Menu.Item>
              <Menu.Item key="expert"><NavLink to="../expert">数据分析服务</NavLink></Menu.Item>
            </Menu>
          </Header>
          <Layout>
            <Sider width={200} className="site-layout-background">
              <Menu
                  mode="inline"
                  defaultSelectedKeys={['1']}
                  defaultOpenKeys={['sub1']}
                  style={{height: '100%', borderRight: 0}}
              >
                <SubMenu key="sub1" icon={<UserOutlined/>} title="陶器搜索">
                  <Menu.Item key="/primary_search/primary"  ><NavLink to="/primary_search/primary">基础搜索</NavLink></Menu.Item>
                  <Menu.Item key="/primary_search/advance"><NavLink to="/primary_search/advance">高级搜索</NavLink></Menu.Item>
                </SubMenu>
              </Menu>
            </Sider>
            <Layout style={{padding: '0 24px 24px'}}>
              <Content
                  className="site-layout-background"
                  style={{
                    padding: 24,
                    margin: 0,
                    minHeight: 280,
                    minWidth:200,
                  }}
              > 
                <Outlet />
              </Content>
            </Layout>
          </Layout>
        </Layout>
    )
  }
}
export default Listdemo;